
.mini-layout {
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;


}
h2{
  font-size: 22px!important;
  line-height: 32px!important;
}

.marketing_content{
  width: 100%;

  .marking_con{
    width: 100%;
    padding: 20px;
    p{
      margin: 20px 25px;
    }

  }


}

.c_hover{
  color: #398dee;
  //border-bottom:1px solid #398dee;
  text-decoration: underline;
}

/* 大屏幕 */
#body{
   width: 100%;
}
@media screen and (min-width: 768px){
  #body{
    background: #f5f8fa !important;
  }
  .marketing_content{
    p{
      margin: 20px 25px;
    }
  }
  .root_c{
    max-width: 768px;
    margin:auto;
    border: 1px solid #ccc;
    height:auto;
    background: #fff !important;
  }
  .div_form{
    text-align: center;
    .form{
      height: 100px;
      margin: 0 auto;
      padding: 10px;

      input{
        height: 30px!important;
        position: relative!important;
        top:4px!important;
      }
      span{
        color: red;
        margin-left:3%;
        display: block;
        position: relative;
        top: -5px;
        font-size: 12px;
      }
      label{
        display: inline-block;
      }
      button{
        margin:10px !important;
      }
    }
  }
}

/* 平板电脑和小屏电脑之间的分辨率 */
// @media screen and (min-width: 768px) and (max-width: 979px) {
//   .div_form{
//     text-align: center;
//     .form{
//       height: 100px;
//       margin: 0 auto;
//       padding: 10px;
//       div{
//         border-bottom:1px solid #ccc;
//         height: 46px;
//       }
//       input{
//         height: 30px;
//         position: relative;
//         top:4px;
//         width:88%;
//         border:none;
//       }
//       span{
//         color: red;
//         margin-left:-16%;
//         font-size: 12px;
//
//       }
//       label{
//         display: inline-block;
//       }
//       button{
//         width: 100%;
//         margin-top:20px;
//       }
//
//     }
//   }
// }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media screen and (max-width: 767px) {


  .div_form{
    text-align: center;
    .form{
      height: 100px;
      margin: 0 auto;
      padding: 10px;
      div{
        border-bottom:1px solid #ccc;
        height: 46px;
        margin: 5px 0;
      }
      input{
        height: 30px;
        position: relative;
        top:4px;
        width:88%;
        border:none;
      }
      span{
        color: red;
        margin-left:-16%;
        font-size: 12px;
      }
      label{
        display: inline-block;
      }
      button{
        width: 100%;
        margin-top:10px !important;;
      }

    }
  }

}
/* 横向放置的手机及分辨率更小的设备 */
@media screen and (max-width: 480px) {
  .div_form{
    text-align: center;
    .form{
      height: 100px;
      margin: 0 auto;
      padding: 10px;
      div{
        border-bottom:1px solid #ccc;
        height: 46px;
      }
      input{
        height: 30px;
        position: relative;
        top:4px;
        width:80%;
        border:none;
      }
      span{
        color: red;
        margin-left:-16%;
        font-size: 12px;
        font-size: 12px;
      }
      label{
        display: inline-block;
      }
      button{
        width: 100%;
        margin-top:20px;
        margin-bottom:20px;
      }
    }
  }

 }
